#header {
	width: 100%;
	height: 48px;
	z-index: 888;
	background: #fafafa;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 0 6px 1px #ddd;
}
.navbar-fixed-top {
	position: fixed;
	top: 0;
	left: 0;
}
.widget-wrap,.block-wrap,#nav-page {
	margin: 20px auto;
	padding: 4px 12px;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 1px 2px 3px #ddd;
}
/*footer*/
#footer {
	padding: 20px 12px;
	background: #313031;
}

@media screen and (min-width: 768px) {
	.navbar {
		width: 98%;
		max-width: 980px;
	}
	.container-fluid {
		width: 96%;
		max-width: 1040px;
		margin: 50px auto;
	}
	.span8 {
		width: 72%;
		max-width: 850px;
	}
	.span6 {
		width: 48%;
		max-width: 510px;
	}
	.span4 {
		width: 26%;
		max-width: 270px;
	}
}
@media screen and (max-width: 767px) {
	.navbar {
		width: 100%;
	}
	.container-fluid {
		width: 86%;
		margin: 45px auto;
	}
	.span8,.span4,.span6 {
		width: 100%;
	} 
}